<script setup>
import {onMounted, ref} from 'vue'
import {useBizStore} from "@/stores/bizStore";

const bizStore = useBizStore();
const columns = ref([
  {
    title: '开赛时间',
    key: 'startDate'
  },
  {
    title: 'PB赛事',
    key: 'pbPlay',
    render: (item, _) => {
      if (item.groupNameCn) {
        return `${item.groupNameCn}/${item.homeTeamCn}/${item.awayTeamCn}`;
      }
    }
  },
  {
    title: 'IM赛事',
    key: 'imPlay'
  },
  {
    title: '匹配率',
    key: 'matchRatio'
  }
]);
const pagination = ref(true)
const loading = ref(false)

onMounted(() => {

});




</script>

<template>
  <div>
    <n-button type="warning" dashed style="margin-bottom: 10px" @click="refreshList(true)">刷新列表</n-button>
    <n-data-table
      :columns="columns"
      :data="bizStore.mappingGameList"
      :loading="loading"
      :bordered="true"
      :pagination="pagination"
    >
    </n-data-table>
  </div>


</template>

<style scoped>


</style>
